<?xml version='1.0' encoding='UTF-8' ?> 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:p="http://primefaces.prime.com.tr/ui">

    <h:head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        <link href="${facesContext.externalContext.requestContextPath}/resources/css/myfoodsage.css" rel="stylesheet" type="text/css"/>
        <ui:insert name="javascript"></ui:insert>
        <ui:insert name="style"></ui:insert>
        <title>My FoodSage Portal</title>
    </h:head>
    
    <h:body style="background-image:url(#{facesContext.externalContext.requestContextPath}/images/MyFoodSageBackground.jpg)" >
        <div class="container">
            <div class="content_wrapper" style="background-image:url(#{facesContext.externalContext.requestContextPath}/images/MyFoodSageForeground.jpg)" >
                <h:form id="touristForm" >
                    <div class="header" >
                        <img src="#{facesContext.externalContext.requestContextPath}/images/MyFoodSageBanner.png" alt="My FoodSage Banner" />
                    </div>
                    
                    <div class="menu">
                         <ui:insert name="main_menu"></ui:insert>
                     </div>
                    
                    <br/>
                    
                    <div class="account_info">
                        <ui:insert name="logout"></ui:insert>
                    </div>
                    
                    <br/>
                    <br style="clear:left"/><!-- used to clear the float on the main menu before displaying other divs which are supposed to be on next line -->

                    <div class="nav" >
                        <ui:insert name="nav_menu"></ui:insert>      
                    </div>

                    <div class="content" >
                        

                        <ui:insert name="content"></ui:insert>
                    </div>
                </h:form>
            </div>

            <div class="footer">
                &copy;2011 TCube Administrator Website. Property of TCube Ventures Private Limited
            </div>
        </div>
    </h:body>

</html>
